<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="container">
        <div class="row">
            <header class="col-md-2">
                <div class="logo">
                    <a href="">
                        <img src="./images/logo.png" alt="">
                    </a>
                </div>
                <div class="nav">
                    <ul>
                        <li><a href="#" class="glyphicon glyphicon-camera">生活馆</a></li>
                        <li><a href="#" class="glyphicon glyphicon-picture">自然汇</a></li>
                        <li><a href="#" class="glyphicon glyphicon-phone">科技潮</a></li>
                        <li><a href="#" class="glyphicon glyphicon-gift">奇趣事</a></li>
                        <li><a href="#" class="glyphicon glyphicon-glass">美食杰</a></li>
                    </ul>
                </div>
            </header>
            <article class="col-md-7">
                <div class="col-md-6">
                    <div class="news">
                        <a href="#">
                            <img src="./images/logo.png" alt="">
                            <p>阿里百秀</p>
                        </a>
                    </div>
                </div>
                <div class="col-md-6" id="four">
                    <div class="row">
                        <div class="col-md-6">
                            <a href=""><img src="./images/logo.png" alt=""></a>
                            <a href=""><img src="./images/logo.png" alt=""></a>
                        </div>
                        <div class="col-md-6">
                            <a href=""><img src="./images/logo.png" alt=""></a>
                            <a href=""><img src="./images/logo.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </article>
            <aside class="col-md-3">
                <a href=""><img src="./images/logo.png" alt=""></a>
            </aside>
        </div>
    </div>
</body>

</html>